<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>游戏资讯首页</title>
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
    <link rel="stylesheet" href="front_web/css/loginStyle.css">
    <link rel="stylesheet" href="front_web/css/index.css">

</head>

<body class="layui-layout-body">

<!-- HTML代码 -->
<div class="layui-layout layui-layout-admin">
    <div class="layui-header nav">
        <div class="layui-logo">XX游戏资讯</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li style="text-align: center" class="layui-nav-item layui-this"><a href="#games_info">游戏资讯</a></li>
            <li style="text-align: center" class="layui-nav-item"><a href="#LAY_demo2">全部游戏</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item" id="exit_flag">
                <a href="javascript:;" lay-active="e3" id="loginTag">
                    登陆&注册
                </a>
            </li>

        </ul>
    </div>


    <div class="layui-body" style="left: 0;bottom: 0;">
        <div class="layui-carousel" id="test1">
        <div carousel-item>
            <div><img style="width: 100%;height: 100%" src="/dev_resources_folder/game_images/haibao1.jpg" alt="" /></div>
            <div><img style="width: 100%;height: 100%" src="/dev_resources_folder/game_images/20200426115433.jpg" alt="" /></div>
            <div><img style="width: 100%;height: 100%" src="/dev_resources_folder/game_images/20200426120159.jpg" alt="" /></div>
        </div>
        </div>
        <!-- 内容主体区域 -->
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <!--网页头随机游戏内容-->
                    <div class="layui-row">
                        <div class="layui-col-md3">
                            <div class="lis_a">
                                <a href="javascript:void(0)" id="head_game1" lay-active="e1" gid="0">
                                    <img id="head_gameImg1" class="lis_a" src="">
                                    <p class="p_h_title"><span class="span_head" id="head_gameTitle1"></span></p>
                                </a>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div class="lis_a">
                                <a href="javascript:void(0)" id="head_game2" lay-active="e1" gid="0">
                                    <img id="head_gameImg2" class="lis_a" src="">
                                    <p class="p_h_title"><span class="span_head" id="head_gameTitle2"></span></p>
                                </a>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div class="lis_a">
                                <a href="javascript:void(0)" id="head_game3" lay-active="e1" gid="0">
                                    <img id="head_gameImg3" class="lis_a" src="">
                                    <p class="p_h_title"><span class="span_head" id="head_gameTitle3"></span></p>
                                </a>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div class="lis_a">
                                <a href="javascript:void(0)" id="head_game4" lay-active="e1" gid="0">
                                    <img id="head_gameImg4" class="lis_a" src="">
                                    <p class="p_h_title"><span class="span_head" id="head_gameTitle4"></span></p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <br/>
                </div>

                <div class="layui-row">
                    <!--游戏资讯列表-->
                    <div class="layui-card layui-col-md12">
                        <div class="layui-card-header games_info" id="games_info" style="background-color: #23262E;color: white; ">游戏资讯列表</div>
                        <div id="games_info_list"></div>
                        <!--分页按钮栏-->
                        <div style="text-align: center" id="gameMsgListLimit"></div>
                    </div>
                </div>

            </div>

            <!--游戏列表标题-->
            <fieldset class="layui-elem-field layui-field-title layui-col-md12" style="margin-top: 50px;">
                <legend>游戏列表</legend>
            </fieldset>
            <!--游戏列表加载框-->
            <ul id="LAY_demo2"></ul>

        </div>



    </div>

</div>




<script src="./layui/layui.js"></script>
<script src="layui/lay/modules/jquery-3.3.1.js"></script>
<script src="layui/jquery.cookie.js"></script>
<script src="front_web/js/index.js"></script>
</body>
</html>